<template>

    <iframe  :id="id" :src="url" frameborder="0" width="100%" height="800px" scrolling="auto"></iframe>

</template>

<script>
import Vue from 'vue'
import { ACCESS_TOKEN } from '@/store/mutation-types'
import PageLayout from '../page/PageLayout'
import RouteView from './RouteView'

export default {
  name: 'IframePageContent',
  inject: ['closeCurrent'],
  data() {
    return {
      url: '',
      id: ''
    }
  },
  created() {
    this.goUrl()
  },
  updated() {
    this.goUrl()
  },
  watch: {
    $route(to, from) {
      this.goUrl()
    }
  },
  methods: {
    goUrl() {
      const url = this.$route.meta.url
      const id = this.$route.path
      this.id = id
      // url = "http://www.baidu.com"
      console.log(this.$route)
      console.log('------url------' + url)
      if (url !== null && url !== undefined) {
        // -----------------------------------------------------------------------------------------
        // url支持通过 ${token}方式传递当前登录TOKEN
        const tokenStr = '${token}'
        if (url.indexOf(tokenStr) != -1) {
          const token = Vue.ls.get(ACCESS_TOKEN)
          this.url = url.replace(tokenStr, token)
        } else {
          this.url = url
        }
        // -----------------------------------------------------------------------------------------

        /* update_begin author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
        if (this.$route.meta.internalOrExternal != undefined && this.$route.meta.internalOrExternal == true) {
          // this.setParams()
          const query = this.$route.query
          if (Object.keys(query).length) {
            this.setParams(query)
          }
          const params = this.$route.params
          if (Object.keys(params).length) {
            this.setParams(params)
          }
          this.closeCurrent()
          window.open(this.url)
        }
        /* update_end author:wuxianquan date:20190908 for:判断打开方式，新窗口打开时this.$route.meta.internalOrExternal==true */
      }
    },
    setParams(obj) {
      Object.keys(obj).forEach((key, i) => {
        if (this.url.indexOf('?') === -1) {
          this.url += `?${key}=${obj[key]}`
        } else {
          this.url += `&${key}=${obj[key]}`
        }
      })
    }
  }
}
</script>

<style>
</style>
